<template>
    <view class="text-[#f8f8f8]">
        <view class="h-[10rpx]"></view>
        <view class=" bg-white">
            <view class="flex ">">
                <image class="w-[210rpx] h-[230rpx]"
                    src="https://ts2.cn.mm.bing.net/th?id=OIP.r9TqJOH9aEgcSycue1xU6QHaEK&w=298&h=167&c=10&rs=1&qlt=99&bgcl=fffffe&r=0&o=6&pid=23.1">
                </image>
                <view class="ml-[38rpx] text-[#FF7860] font-medium">
                    <view class="my-[26rpx]">越明珠</view>
                    <view>粤语专业教学讲师</view>
                </view>
            </view>

            <view class="mx-[50rpx]  mt-[26rpx] text-[#3D3D3D] font-medium">
                <view class="text-center">个人简介</view>
                <view class="indent-[2em] mt-[28rpx]">
                    粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，
                    粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，粤语教学十年经验，</view>
            </view>
             
        </view>

    </view>
</template>
<script setup>
import { ref, reactive, toRefs, onMounted, onBeforeMount, watch } from 'vue'
</script>
<style scoped></style>